<!doctype html>
<html>
<head>

  <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800">


  <meta charset="utf-8">

  <!-- Always force latest IE rendering engine or request Chrome Frame -->
  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">

  <!-- Use title if it's in the page YAML frontmatter -->
  <title><%= data.page.title || "Core Admin Theme" %></title>

  <%= stylesheet_link_tag "application" %>

  <!--[if lt IE 9]>
  <%= javascript_include_tag "vendor/html5shiv" %>
  <%= javascript_include_tag "vendor/excanvas" %>
  <![endif]-->

  <%= javascript_include_tag  "application" %>
</head>



<body>
<%= partial 'layouts/top_navigation' %>
<%= partial 'layouts/side_navigation' %>

<div class="main-content">
  <div class="container-fluid">
    <div class="row-fluid">

      <div class="area-top clearfix">
        <div class="pull-left header">
          <h3 class="title">
            <i class="<%= crumbs[:secondary][:icon] %>"></i>
            <%= crumbs[:secondary][:label] %>
          </h3>
          <h5>
            A subtitle can be added here
          </h5>
        </div>

        <ul class="inline pull-right sparkline-box">

          <li class="sparkline-row">
            <h4 class="blue"><span>Orders</span> 847</h4>
            <div class="sparkline big" data-color="blue"><!--<%= random_numbers(12).join(",") %>--></div>
          </li>

          <li class="sparkline-row">
            <h4 class="green"><span>Reviews</span> 223</h4>
            <div class="sparkline big" data-color="green"><!--<%= random_numbers(12).join(",") %>--></div>
          </li>

          <li class="sparkline-row">
            <h4 class="red"><span>New visits</span> 7930</h4>
            <div class="sparkline big"><!--<%= random_numbers(12).join(",") %>--></div>
          </li>

        </ul>
      </div>
    </div>
  </div>

  <div class="container-fluid padded">
    <div class="row-fluid">

      <!-- Breadcrumb line -->

      <div id="breadcrumbs">
        <div class="breadcrumb-button blue">
          <span class="breadcrumb-label"><i class="icon-home"></i> Home</span>
          <span class="breadcrumb-arrow"><span></span></span>
        </div>

        <% if link_level == 2 %>
            <div class="breadcrumb-button">
              <span class="breadcrumb-label">
                <i class="<%= crumbs[:primary][:icon] %>"></i> <%= crumbs[:primary][:label] %>
              </span>
              <span class="breadcrumb-arrow"><span></span></span>
            </div>
        <% end %>

        <div class="breadcrumb-button">
          <span class="breadcrumb-label">
            <i class="<%= crumbs[:secondary][:icon] %>"></i> <%= crumbs[:secondary][:label] %>
          </span>
          <span class="breadcrumb-arrow"><span></span></span>
        </div>
      </div>
    </div>
  </div>

  <div class="container-fluid padded">
    <%= yield %>
  </div>
</div>

</body>
</html>
